@extends('home.default')
@section('content')
<div>
    <div class="layui-carousel" id="banner">
      <div carousel-item>
          @foreach ($banners->banneritem as $item)
          <div>
                <img src="{{ asset('storage/uploads/'.$item->pic) }}">
                <div class="panel">
                  <p class="title">{{ $item->title }}</p>
                  <p>{{ $item->digest }}</p>
                </div>
              </div>
          @endforeach


      </div>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-product">
    <div class="layui-container">
      <p class="title">专为前端而研制的<span>核心产品</span></p>
      <div class="layui-row layui-col-space25">
          @foreach ($product as $k=> $vo)
          <div class="layui-col-sm6 layui-col-md3">
                <div class="content">
                  <div><img src="{{ asset(__INDEX__) }}/res/static/img/Big_icon{{ $k+1 }}.png"></div>
                  <div>
                    <p class="label">{{ $vo->title }}</p>
                    <p>{{ $vo->remark }}</p>
                  </div>
                  <a href="javascript:;">查看产品 ></a>
                </div>
              </div>
          @endforeach


      </div>
    </div>
  </div>
  <div class="main-service">
    <div class="layui-container">
      <p class="title">为客户打造完美的<span>客户案例</span></p>
      <div class="layui-row layui-col-space25 layui-col-space80">
          @foreach ($case as $item)
          <div class="layui-col-sm6">
                <div class="content">
                  <div class="content-left"><img src="{{ asset('storage/uploads/'.$item->pic) }}"></div>
                  <div class="content-right">
                    <p class="label">{{ $item->title }}</p>
                    <span></span>
                <p>{{ $item->remark }}</p>
                  </div>
                </div>
              </div>
          @endforeach


      </div>
      <div class="service-more"><a href="">查看更多</a></div>
    </div>
  </div>
@endsection

